body{
    background-color: #f2f3f5;
    -webkit-tap-highlight-color:rgba(0,0,0,0)!important;
    font-size: 0;
    font-family: "微软雅黑";

}
[flex], [flex]>*, [flex]>[flex] {
    overflow: visible;
}
button{
    font-family: "微软雅黑";
}

/*头部*/
header{
    height: 1.42rem;
    padding:.56rem .3rem 0 ;
    background: white;
}
.search{
    width: 81vw;
    height: .6rem;
    background-color: #f2f8fa;
    border: 1px solid #d6d7dc;
    border-radius: 4px;
    padding: 0 .26rem;
}
.search>i{
    font-size: .3rem;
    color: #636161;
}
.search>input{
    background: transparent;
    width: 100%;
    height: .6rem;
    font-size: .28rem;
    color: #414141;
    margin-left: .16rem;
}
.search>input::-webkit-input-placeholder{
    font-size: .28rem;
    color: #7f8699;
}
header>span{
    font-size: .28rem;
    color: #414141; ;
}

/*导航*/
.nav{
    white-space: nowrap;
    overflow: scroll;
    background-color: white;
    font-size: 0;
}
.nav::before{
    content: "";
    display: inline-block;
    width: .12rem;
}

.nav::after{
    content: "";
    display: inline-block;
    width: .12rem;
}
.nav>li{
    width: 1.72rem;
    display: inline-block;
    height: 2.16rem;
    padding-top: .28rem;
    text-align: center;
}
.nav>li>div{
    margin: 0 auto .16rem;
    width: 1.16rem;
    height:1.16rem;
    border: 1px solid #d6d7dc;
    border-radius: 2rem;
}
.good2{
    background: url("../img/good2.png") no-repeat center;
    background-size: cover;
}
.good3{
    background: url("../img/good3.png") no-repeat center;
    background-size: cover;
}
.good4{
    background: url("../img/good4.png") no-repeat center;
    background-size: cover;
}
.good1{
    background: url("../img/good1.png") no-repeat center;
    background-size: cover;
}
.nav>li>span{
    font-size: .28rem;
    color: #3f3f3f;
}

/*列表切换*/
.s-tab{
    background-color: white;
    margin-top: .24rem;
    padding: 0.14rem  0;

}
.s-tab>li{
    width: 33.3vw;
    border-right: 1px solid #e1e1e1;
    height: .5rem;
    font-size: .28rem;
    color: #3f3f3f;
}
.s-tab>li:last-child{
    border-right: none;
}
.s-tab>li:active{
    color: #3285ff;
}
.s-tab>li>i{
    font-size: .3rem;
}

/*商城列表*/
.shop{
    background-color: white;
}
.shop>li{
    border-top: 1px solid #d6d7dc;
    padding: 0 .3rem;

}
.s-name{
    font-size: .28rem;
    color: #3f3f3f;
    height: .8rem;
    border-bottom: 1px solid #d6d7dc;
}
.s-name>i{
    font-size: .24rem;
    color: #b1b2b2;
}
.s-pic{
    width: 1.2rem;
    height: 1.2rem;
}
.shop1{
    background: url("../img/shop1.png") no-repeat center;
    background-size: cover;
}
.shop2{
    background: url("../img/shop2.png") no-repeat center;
    background-size: cover;
}
.shop3{
    background: url("../img/shop3.png") no-repeat center;
    background-size: cover;
}
.s-con{
    height: 1.6rem;
}
.s-text{
    margin-left: .2rem;
}
.s-text>p{
    font-size: .28rem;
    color: #656565;
    width: 72.8vw;
}
.distant{
    font-size: .24rem;
    color: #103289;
}
.follower{
    font-size: .24rem;
    color: #7f8699;
}
.s-text .yes-f{
    color: #ff4c4c;
    border: 1px solid #ff4c4c;
}
.s-text button{
    height: .5rem;
    width: 1.4rem;
    border: 1px solid #7f8699;
    border-radius: .5rem;
    background: transparent;
    font-size: .26rem;
    color: #7f8699;
    text-align: center;
    line-height: .5rem;

}
